<div class="span12">
    <?php echo $this->Session->flash('seccion'); ?>
</div>
<?php
echo $this->element('headerPageTitle', array("titlePage" => "Secciones en Cartas", "subTitlePage" => ""));
?>
<div class="page secondary">
    <div class="page-region">
        <div class="page-region-content">

    <?php echo $this->Html->link("Añadir Sección", array('action' => 'addSeccion'),array('class' => 'button'));?>



    <table id="tablaCartas" class="hovered">
        <thead>
        <tr>
            <th>Id</th>
            <th>Nombre Interno</th>
            <th>Nombre en la Aplicación Móvil</th>
            <th>Estado</th>
            <th></th>
        </tr>
        </thead>
        <tbody>

        <!-- Here is where we loop through our $posts array, printing out post info -->

        <?php


            foreach ($cartas as $carta): ?>
            <tr>
                <td><?php echo $carta['Carta']['id']; ?></td>
                <td><?php echo $carta['Carta']['nombre_interno']; ?></td>
                <td><?php echo $carta['Carta']['nombre_app']; ?></td>
                <?php  $activo ='Visible';
                if ($carta['Carta']['activo'] == '0'){
                    $activo ='No Visible';
                }
                ?>
                <td><?php echo $activo; ?></td>
                <td>
                   <?php echo $this->Form->postLink(
                    '',
                    array('action' => 'index', $carta['Carta']['id']),
                    array('class' => 'icon-clipboard-2', 'rel' => 'tooltip', 'data-placement' => 'top' ,
                        'title' =>'Ver las secciones asignadas'));
                    ?></td>
            </tr>
                <?php endforeach;?>
        </tbody>


    </table>

<h2>Secciones asignadas a la Carta seleccionada</h2>

    <table id="tablaSecciones" class="hovered">
        <thead>
        <tr>
            <th>Id</th>
            <th>Nombre</th>
            <th>Descripción</th>


        </tr>
        </thead>
        <tbody>

        <!-- Here is where we loop through our $posts array, printing out post info -->

        <?php foreach ($categorias as $cat):?>
        <tr>
            <td><?php echo $cat['Categoria']['id']; ?></td>
            <td><?php echo $cat['Categoria']['nombre']; ?></td>
            <td><?php echo $cat['Categoria']['descripcion']; ?></td>
        </tr>
            <?php endforeach; ?>
        </tbody>

    </table>
</div></div></div>

<script>
    $(function() {

        $('#tablaCartas').dataTable({
            "bJQueryUI": true,
            "oLanguage": {
                "sLengthMenu": "_MENU_ cartas por página",
                "sZeroRecords": "No existen datos",
                "sInfo": "_START_ al _END_ de _TOTAL_ cartas",
                "sInfoEmpty": "No existen datos",
                "sInfoFiltered": "(filtrado desde _MAX_ total cartas)",
                "sSearch": "Buscar"
            }
        } );

        $('#tablaSecciones').dataTable({
            "bJQueryUI": true,
            "oLanguage": {
                "sLengthMenu": "_MENU_ secciones por página",
                "sZeroRecords": "No existen datos",
                "sInfo": "_START_ al _END_ de _TOTAL_ secciones",
                "sInfoEmpty": "No existen datos",
                "sInfoFiltered": "(filtrado desde _MAX_ total secciones)",
                "sSearch": "Buscar"
            }
        } );
    });
</script>
